<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
    opt: any;
}>();

const { $fn } = props.ujt;
const { setChannelHash } = $fn.useChannel(props);
</script>
<template>
    <div class="as-channel-pos-area">
        <div class="as-channel-pos" @pointerdown="setChannelHash('class')">
            {{ $fn.lg(props.opt.channel + '.ui.class') }}
        </div>
        <div class="as-channel-pos" @pointerdown="setChannelHash('list')">
            {{ $fn.lg(props.opt.channel + '.ui.list') }}
        </div>
        <div class="as-channel-pos" @pointerdown="setChannelHash('add')">
            {{ $fn.lg(props.opt.channel + '.ui.add') }}
        </div>
    </div>
</template>

<style scoped lang="scss">
.as-channel-pos-area {
    .as-channel-pos {
        cursor: pointer;
        display: inline-block;
        padding: 5px 12px;
        margin: 0 5px;
        background-color: var(--ch2);
    }
}
</style>
